//加载模块
layui.use(['form', 'table'], function () { //亦可加载特定模块：layui.use(['layer', 'laydate', function(){
    //得到各种内置组件
    var layer = layui.layer //弹层
        , table = layui.table //表格
        , form = layui.form
        , dropdown = layui.dropdown; //下拉菜单

    console.log(11)
    //执行一个 table 实例
    page({});


    //监听行工具事件
    table.on('tool(test)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data //获得当前行数据
            , layEvent = obj.event; //获得 lay-event 对应的值
        if (layEvent === 'detail') {
            layer.msg('查看操作');
        } else if (layEvent === 'edit') {
            // 得到id跳转到编辑页面
            sessionStorage.setItem("productId", data.id);
            xadmin.open('编辑', 'product-edit.html', 600, 400);
        } else if (layEvent === 'del') {
            layer.confirm('真的删除行么', function (index) {

                obj.del(); //删除对应行（tr）的DOM结构
                layer.close(index);
                //向服务端发送删除指令
                $.ajax({
                    url: '/back/product/delete',
                    data: {id: data.id},
                    type: 'post',
                    dataType: 'json',
                    success: function (data) {
                        if (data.count == "1") {
                            $(obj).parents("tr").remove();
                            layer.msg('已删除!', {icon: 1, time: 1000});
                        } else {
                            layer.msg("删除失败");
                        }
                    }
                });
            });
        }
    });

    //监听提交
    form.on('submit(add)',
        function (data) {
            xadmin.open('添加产品', '/html/product/product-add.html', 600, 400)
            return false;
        });
    //监听提交
    form.on('submit(sreach)',
        function (data) {
            page(data.field);
            return false;
        });
});

function page(data) {
    layui.use(['form', 'table'], function () { //亦可加载特定模块：layui.use(['layer', 'laydate', function(){
        //得到各种内置组件
        var table = layui.table; //表格
        table.render({
            elem: '#list'
            , height: 420
            , url: '/back/product/findAll' //数据接口
            , where: data
            // , url: '../demo/table/user/-page=1&limit=20.js' //数据接口
            // , title: '用户表'
            , page: true //开启分页
            , parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.data //解析数据列表
                };
            }
            // , toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            // , totalRow: true //开启合计行
            , cols: [[ //表头
                // {type: 'checkbox', fixed: 'left'}
                {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'}
                , {field: 'name', title: '产品名称', width: 150}
                , {field: 'normalPrice', title: '市场价', width: 80, sort: true, totalRow: true}
                , {field: 'imgHref', title: '产品展示', width: 150, sort: true, templet: '#switchTpl'}
                , {field: 'isShow', title: '是否显示', width: 80, sort: true}
                , {field: 'isRecommend', title: '是否推荐', width: 80}
                , {field: 'typeName', title: '服装类型', width: 100}
                , {field: 'updateTime', title: '上新时间', width: 150}
                , {fixed: 'right', title: '操作', width: 240, align: 'center', toolbar: '#barDemo'}
            ]]
        });
    });
}

